import { RightOutlined } from "@ant-design/icons";
import { Button, Card, Col, List, Row, Space, Tabs, Form, Input, Table } from "antd";
const { TabPane } = Tabs;

const { Column } = Table;

const data = [
    {
        x: 1,
        y: 2,
        z: 3,
        key: 1
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 6
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 5
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 4
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 3
    },
    {
        x: 1,
        y: 2,
        z: 3,
        key: 2
    },
]

const LoginEquipment = () => {
    return (
        <Card title="登陆设备" style={{ minHeight: "100%" }}>
            <Table
                dataSource={data}
                size="small"
                pagination={{ position: ["bottomRight"], total: data.length, pageSize: 8 }}
                rowKey="key"

            >
                <Column title="设备名称" dataIndex="x" />
                <Column title="系统" dataIndex="y" />
                <Column title="时间" dataIndex="z" />
                <Column title="操作" dataIndex="#" render={
                    () => (
                        <Button type="link" size="small" >禁止</Button>
                    )
                } />
            </Table>
        </Card>
    )
}


export default LoginEquipment;